<template>
  <a-card :bordered="false">
  <a-tabs :default-active-key="active" >
    <a-tab-pane key="1" tab="监测数据图表">
      <paishui-data-query></paishui-data-query>
    </a-tab-pane>
    <a-tab-pane key="2" tab="实时数据">
      <paishui-pos-data-rtd-list></paishui-pos-data-rtd-list>
    </a-tab-pane>
    <a-tab-pane key="3" tab="时均值" >
      <paishui-pos-rtd-avg-hours-list></paishui-pos-rtd-avg-hours-list>
    </a-tab-pane>
    <a-tab-pane key="4" tab="日均值" >
      <paishui-pos-rtd-avg-list></paishui-pos-rtd-avg-list>
    </a-tab-pane>
    <a-tab-pane key="5" tab="月均值">
      <paishui-pos-rtd-avg-month-list></paishui-pos-rtd-avg-month-list>
    </a-tab-pane>
  </a-tabs>
  </a-card>
</template>
<script>
import PaishuiPosRtdAvgList from '@views/paishui/PaishuiPosRtdAvgList.vue'
import PaishuiPosDataRtdList from '@views/paishui/PaishuiPosDataRtdList.vue'
import PaishuiPosRtdAvgMonthList from '@views/paishui/PaishuiPosRtdAvgMonthList.vue'
import PaishuiPosRtdAvgHoursList from '@views/paishui/PaishuiPosRtdAvgHoursList.vue'
import PaishuiDataQuery from '@views/paishui/dataQuery.vue'
export default{
  components: {PaishuiDataQuery,PaishuiPosRtdAvgList,PaishuiPosDataRtdList,PaishuiPosRtdAvgMonthList,PaishuiPosRtdAvgHoursList},
  data(){
    return{
      active:'1'
    }
  },
  methods:{
    // handleTabChange(){
    //   console.log('sfsff')
    // }
  }
}
</script>



<style scoped>

</style>